.community {
	width: 100%;
	position: relative;
	.tabs{
		width: 100%;
		border-radius: 20rpx;
	}

	/* 综合 */
	.avatar {
		width: 100%;
		margin: auto;
		margin-top: 20rpx;
		background-color: #fff;
		
		
		/* 推荐 */
		.recommend {
			width: 95%;
			margin: auto;
			margin-top: 20rpx;
			background-color: #fff;
			
		
			.top1 {
				padding: 2%;
				display: flex;
		
				.color2 {
					font-size: 1.2rem;
					width: 85%;
		
				}
		
				.color1 {
					width: 15%;
					text-align: right;
					/* border: 1px solid black; */
					display: flex;
					color: #dedede;
		
				}
			}
		
			.recommend-bottom1 {
				padding: 2%;
				display: flex;
				justify-content: space-between;
		
				.bottom-top1 {
					width: 30%;
					
					.photo:hover{
						.shadow{
							display: block;
						}
					}
					.photo {
						position: relative;
						height: 240rpx;
						border-radius: 20rpx;
						overflow: hidden;
						.image2 {
							
							width: 100%;
							height: 100%;
							
						}
						.shadow{
							display: none;
							position: absolute;
							bottom:0;
							text-align: center;
							color: #fff;
							width: 100%;
							height: 50rpx;
							line-height: 50rpx;
							  background: rgba(0, 0, 0, 0.5); /* 背景颜色，可根据需要调整透明度 */
							  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); /* 阴影效果 */
						}
					}
					
					.text1 {
						margin-top: 10rpx;
						font-size: 0.9rem;
					}
					
					.text2 {
						font-size: 20rpx;
						margin-top: 10rpx;
						color: #bfc4d0;
					}
				}
			}
		}
	}
}